/* 
    Document   : form
    Created on : 17/02/2011, 22:40:53
    Author     : edilson
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

/*----Form------*/

.spacer{clear:both; height:1px;}
/* ----------- My Form ----------- */

.myform{
    font-family: arial, verdana, helvetica, sans-serif;
    font-size:12px;
    margin:0 10px;
    /*width:450px;*/
    width:550px;
    padding:14px 14px 14px 0;
}

/* ----------- stylized ----------- */
#stylized{
    align:right;
}

#stylized h1 {
    font-size:14px;
    font-weight:bold;
    margin-bottom:8px;
}

#stylized p{
    font-size:11px;
    color:#666666;
    margin-bottom:20px;
    border-bottom:solid 1px #b7ddf2;
    padding-bottom:10px;
}

#stylized label{
    display:block;
    font-weight:bold;
    text-align:right;
    width:150px;
    float:left;

}

#stylized .small{
    color:#666666;
    display:block;
    font-size:9px;
    font-weight:normal;
    text-align:right;
    width:150px;
}

#stylized input{
    float:left;
    font-size:12px;
    padding:4px 2px;
    border:solid 1px #aacfe4;
    width:350px;
    margin:2px 30px 20px 10px;
}



#stylized select{
    float:left;
    font-size:12px;
    padding:4px 2px;
    border:solid 1px #aacfe4;
    width:350px;
    margin:2px 30px 20px 10px;
}

#stylized textarea{
    float:left;
    font-size:12px;
    padding:4px 2px;
    border:solid 1px #aacfe4;
    width:350px;
    height: 100px;
    margin:2px 0 20px 10px;
}


#stylized input.button{
    float: none;
    width: 120px;
    height: 24px;
    clear:both;
    background: url(../images/imgButton.png) no-repeat left top;
    text-align:center;
    font: 10px arial, verdana, helvetica, sans-serif;
    font-weight:bold;
    border: none;
    margin: 10px 5px 0px 0px;
}

#stylized input[type="radio"]{
    float: left;
    width: 20px;
    margin: 0px;
}

#stylized .radio table{
    float:left;
    width:250px;
    margin:2px 30px 20px 10px;
}

#stylized .radio table label{
    width: 80px;
    text-align: left;
}



input.button:HOVER{
    color:#003399;
}


#login label {
    display:block;
    font-weight:bold;
    text-align:left;
    width:150px;
    float:left;

}

#login input{
    width: 150px;
    float:left;
    font-size:12px;
    padding:4px 2px;
    border:solid 1px #aacfe4;
    margin:2px 0px 10px 0px;
}

#login input.button{
    float: none;
    width: 120px;
    height: 24px;
    clear:both;
    background: url(../images/imgButton.png) no-repeat left top;
    text-align:center;
    font: 10px arial, verdana, helvetica, sans-serif;
    font-weight:bold;
    border: none;
    margin: 10px 5px;
}
